<?php if (!defined('THINK_PATH')) exit(); /*a:4:{s:78:"D:\xampp\htdocs\jingshuiqi\public/../application/index\view\index\message.html";i:1507964108;s:79:"D:\xampp\htdocs\jingshuiqi\public/../application/index\view\index\commonjs.html";i:1507963819;s:82:"D:\xampp\htdocs\jingshuiqi\public/../application/index\view\index\common_head.html";i:1507963239;s:84:"D:\xampp\htdocs\jingshuiqi\public/../application/index\view\index\common_footer.html";i:1507962993;}*/ ?>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <title>在线留言</title>
    <!--引入css 文件-->
<link rel="stylesheet" href="/static/index/css/style-index.css" />
<!--[if lt IE 9]>
<style>article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}</style>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->
<!--引用requirejs 及 config 文件-->
<script src="/static/index/js/lib/webLib/require.min.js"></script>
<script>
    var amdDefine = define;
    requirejs.config({baseUrl:"/static/index/js", urlArgs:"v=1.00"});
    requirejs.config({paths:{jquery:"https://cdn.bootcss.com/jquery/2.2.4/jquery.min",jqueryOne:"https://cdn.bootcss.com/jquery/1.12.4/jquery.min",Vue:"https://cdn.bootcss.com/vue/2.4.2/vue.min",VueOne:"https://cdn.bootcss.com/vue/1.0.28/vue.min",backbone:"https://cdn.bootcss.com/backbone.js/1.3.3/backbone-min",underscore:"https://cdn.bootcss.com/underscore.js/1.8.3/underscore-min",lodash:"https://cdn.bootcss.com/lodash.js/4.17.4/lodash.min",lodashCore:"https://cdn.bootcss.com/underscore.js/1.8.3/underscore-min",Vuex:"https://cdn.bootcss.com/vuex/2.3.1/vuex.min",Vresource:["https://cdn.bootcss.com/vue-resource/1.3.1/vue-resource.min"],Vrouter:["https://cdn.bootcss.com/vue-router/2.5.2/vue-router.min"],core:"lib/webLib/public/core/core",h5core:"lib/webLib/public/core/H5core",Class:"lib/webLib/public/core/libs/Base/Base",swiper:"https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min",swiper2:"https://cdn.staticfile.org/Swiper/2.7.6/idangerous.swiper",echarts:"https://cdn.staticfile.org/echarts/3.3.2/echarts.min",sweetalert:"https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min",weixin:"http://res.wx.qq.com/open/js/jweixin-1.1.0",popper:"https://cdn.bootcss.com/popper.js/1.0.8/popper.min",cropper:"https://cdn.bootcss.com/cropper/3.0.0-alpha.1/cropper.min",layer:"https://cdn.bootcss.com/layer/3.0.1/layer.min",socketIo:"https://cdn.bootcss.com/socket.io/1.7.3/socket.io.min.",dynamics:"https://cdn.staticfile.org/dynamics.js/1.1.5/dynamics.min",director:"https://cdn.staticfile.org/Director/1.2.8/director.min",zui:"lib/webLib/public/plus/zui/zui",pagination:"lib/webLib/public/plus/pagination/lib/jquery.pagination",wangEditor:"lib/webLib/public/plus/wangEditor/js/wangEditor.min",lazyload:"lib/webLib/public/plus/lazyload/lazyload.min",store:"lib/webLib/public/plus/store/store.min",owlCarousel:"lib/Welib/public/plus/owlCarousel/owl.carousel",SMV:"lib/webLib/public/plus/SMValidator/SMValidator.min",SMVRules:"lib/webLib/public/plus/SMValidator/SMVRules",text:"https://cdn.bootcss.com/require-text/2.0.12/text.min",domReady:"https://cdn.bootcss.com/require-domReady/2.0.1/domReady.min",css:"https://cdn.bootcss.com/require-css/0.1.10/css.min",backboneLocal:"https://cdn.staticfile.org/backbone-localstorage.js/1.1.16/backbone.localStorage-min",AlloyFinger:"lib/webLib/public/plus/AlloyFinger/alloy_finger",flow:"lib/webLib/public/plus/layuiflow/flow",scrollreveal:"https://cdn.bootcss.com/scrollReveal.js/3.3.2/scrollreveal.min",iscroll:"https://cdn.bootcss.com/iScroll/5.2.0/iscroll.min",xregexp:"https://cdn.bootcss.com/xregexp/3.1.1/xregexp-all.min",anime:"https://cdn.bootcss.com/animejs/2.0.0/anime.min",clipboard:"https://cdn.bootcss.com/clipboard.js/1.6.1/clipboard.min",mobilebone:"https://cdn.bootcss.com/mobilebone/2.6.1/mobilebone.min",cookies:"https://cdn.bootcss.com/js-cookie/2.1.3/js.cookie.min",cleave:"https://cdn.bootcss.com/cleave.js/0.7.15/cleave.min",velocity:"https://cdn.bootcss.com/velocity/1.5.0/velocity.min",handlebars:"https://cdn.bootcss.com/handlebars.js/4.0.10/handlebars.min",validator:"https://cdn.bootcss.com/validator/7.0.0/validator.min",LCalendar:"lib/weblib/public/plus/LCalendar/src/js/LCalendar",Vee:"https://cdn.bootcss.com/vee-validate/2.0.0-beta.25/vee-validate.min",VeeCn:"https://cdn.bootcss.com/vee-validate/2.0.0-beta.25/locale/zh_CN",imgUpload:"lib/webLib/user/shusc/jqueryUploadimg/jqueryUploadimg",Vuecomponent:"component/VueComponent",layerFn:"plus/layerFn",timer:"lib/webLib/user/shusc/Sui_timer/Sui_timer",slideout:"https://cdn.bootcss.com/slideout/1.0.1/slideout.min",Event:"plus/event",flow:"lib/webLib/public/plus/flow/flow",lightbox:"https://cdn.bootcss.com/lightbox2/2.9.0/js/lightbox.min",Upload:"lib/webLib/user/shusc/jqueryUpload/upload",swiperScrollbar:"../other/swiperScrollbar/swiperScrollbar",axios:"https://cdn.bootcss.com/axios/0.16.2/axios.min",artTemplate:"lib/webLib/public/plus/artTemplate/artTemplate",velocityUi:"https://cdn.bootcss.com/velocity/1.5.0/velocity.ui.min"},shim:{layer:["jquery","css!https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.min.css"],zui:["jquery"],AlloyFinger:{exports:"AlloyFinger"},sweetalert:["css!https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css"],swiper2:["css!https://cdn.staticfile.org/Swiper/2.7.6/idangerous.swiper.min.css"],cropper:["jquery","css!https://cdn.bootcss.com/cropper/3.0.0-alpha.1/cropper.min.css"],director:{exports:"Router"},mobilebone:["css!https://cdn.bootcss.com/mobilebone/2.6.1/mobilebone.min.css"],cleave:["https://cdn.bootcss.com/cleave.js/0.7.14/addons/cleave-phone.cn.js"],lightbox:["css!https://cdn.bootcss.com/lightbox2/2.9.0/css/lightbox.min.css"],swiperScrollbar:["swiper2"]}});
    requirejs.config({paths:{jqPage:"lib/webLib/public/plus/jqueryPagination/js/jquery.pagination.min"}});
    requirejs.config({shim:{jqPage:['jquery','css!lib/webLib/public/plus/jqueryPagination/css/jquery.pagination.css']}})
    requirejs.config({paths:{jqPage:"lib/webLib/public/plus/jqueryPagination/js/jquery.pagination.min"}});
    requirejs.config({shim:{jqPage:['jquery','css!lib/webLib/public/plus/jqueryPagination/css/jquery.pagination.css']}})
</script>
</head>

<body class="page message">

    <!-- c-nav 开始 -->
    <div class="c-nav">
    <div class="nav clearfix">
        <div class="nav-logo clearfix">
            <div class="nav-logo-pic">
                <a href="javascript:">
                    <img src="/static/index/img/common/logo.png">
                </a>
            </div>
            <div class="nav-logo-text">
                <p class="logo_name">长沙市某某电器有限公司</p>
                <p class="logo_el">changshashi moumou electrc appliance co，ltd</p>
            </div>
        </div>
        <ul class="nav-menu clearfix">
            <li class="nav-menu-item">
                <a class="active" href="<?php echo url('Index/index'); ?>">首页</a>
            </li>
            <li class="nav-menu-item">
                <a href="<?php echo url('Index/aboutUs'); ?>">关于我们</a>
            </li>
            <li class="nav-menu-item">
                <a href="<?php echo url('Index/product'); ?>">产品中心</a>
            </li>
            <li class="nav-menu-item">
                <a href="<?php echo url('Index/news'); ?>">新闻中心</a>
            </li>
            <li class="nav-menu-item">
                <a href="<?php echo url('Index/message'); ?>">在线留言</a>
            </li>
            <li class="nav-menu-item">
                <a href="<?php echo url('Index/contactus'); ?>">联系我们</a>
            </li>
        </ul>
    </div>
</div>
    <!-- c-nav 结束 -->

    <!-- c-banner 开始 -->
    <div class="c-banner">
        <div class="banner">
            <img class="banner-pic" src="/static/index/img/page/message/mes_banner.png" alt="">
        </div>
    </div>
    <!-- c-banner 结束 -->

    <!-- mes_main 开始 -->
    <div class="mes_main PB-100">
        <div class="i_title PB-60">
            <p>FEEDBACK</p>
            <p>在线留言</p>
        </div>
        <div class="mesBox clearfix">
            <div class="mesBox-pic">
                <img src="/static/index/img/page/message/mes_pic.png" alt="">
            </div>
            <div class="mesBox-form">
                <form>
                    <p class="mesBox-form-title">
                        留下你的宝贵意见，我们将竭诚为你解答和服务！
                    </p>
                    <p class="mesBox-form-text">
                        LEAVE YOUR VALUABLE ADVICE, WE WILL BE HAPPY TO
                        ANSWER YOUR QUESTIONS AND SERVICES!
                    </p>
                    <div class="mesBox-form-line">
                        <label for="mName">姓名：</label>
                        <input name="mName" id="mName" type="text">
                    </div>
                    <div class="mesBox-form-line">
                        <label for="mPhone">电话：</label>
                        <input name="mPhone" id="mPhone" type="text">
                    </div>
                    <div class="mesBox-form-line">
                        <label for="mCorp">公司：</label>
                        <input name="mCorp" id="mCorp" type="text">
                    </div>
                    <div class="mesBox-form-line">
                        <label for="mIdea" class="mIdea">内容：</label>
                        <textarea id="mIdea" name="mIdea"></textarea>
                    </div>
                    <div class="mesBox-form-but">
                        <input type="reset" value="重置">
                        <input type="submit" value="提交">
                    </div>
                </form>
                <script>
                    require([ 'SMV', 'layer'], function(SMV, layer) {
                        new SMV('form', {
                            rules: {
                                onlyPhone:[/^1[34578]\d{9}$/,"手机号码格式有误"]
                            },
                            fields: {
                                mName: {
                                    required: "姓名未填写",
                                    failHtml: false,
                                    rule: "required|disblur",
                                    fail: function (messages) {

                                    },
                                    failStyle: {
                                        border: "1px solid red"
                                    }
                                },
                                mPhone: {
                                    required: "号码未填写",
                                    failHtml: false,
                                    rule: "required|disblur|onlyPhone",
                                    fail: function (messages) {

                                    },
                                    failStyle: {
                                        border: "1px solid red"
                                    }
                                },
                                mCorp: {
                                    required: "公司未填写",
                                    failHtml: false,
                                    rule: "required|disblur",
                                    fail: function (messages) {

                                    },
                                    failStyle: {
                                        border: "1px solid red"
                                    }
                                },
                                mIdea: {
                                    required: "意见未填写",
                                    failHtml: false,
                                    rule: "required|disblur",
                                    fail: function (messages) {

                                    },
                                    failStyle: {
                                        border: "1px solid red"
                                    }
                                }
                            },
                            short: true,
                            submit: function(valid, form) {
                                if(valid) {
                                    form.submit();
                                }else {
                                    layer.msg('信息有误！', {icon: 5});
                                }
                            }
                        })
                    })
                </script>
            </div>
        </div>
    </div>
    <!-- mes_main 结束 -->

    <!-- c-footer 开始 -->
    <div class="c-footer">
    <div class="contact PB-45">
        <div class="contact-title">
            <p class="contact-title-el">contact us</p>
            <p class="contact-title-cl">联系我们</p>
            <span class="contact-title-line"></span>
        </div>
        <form class="contact-form" name="conForm">
            <input type="text" placeholder="请输入姓名" name="name" id="name">
            <input type="text" placeholder="请输入联系电话" name="phone" id="phone">
            <input type="text" placeholder="请输入你的公司名称" name="corp" id="corp">
            <input type="text" placeholder="留下您的宝贵意见" name="idea" id="idea">
            <input type="submit" value="提交">
        </form>
        <div class="contact-sign PT-45">
            <p>公司名称：长沙某某电器有限公司</p>
            <div class="contact-sign-span PT-10">
                <span>地址：湖南省长沙市雨花区某某工业区6路2号</span>
                <span>联系人：某先生</span>
                <span>电话： 0731-89896542</span>
            </div>
        </div>
    </div>
    <div class="art">
        <p class="art-text">技术支持：长沙点燃网络科技有限公司</p>
    </div>
</div>
    <!-- c-footer 结束 -->

    <script>
        require(['jquery', 'SMV', 'layer'], function($, SMV, layer) {

            // nav
            $(window).scroll( function() {
                var t = $(document).scrollTop();
                if (t > 0) {
                    $(".c-nav").addClass("c_nav-scroll");
                }else {
                    $(".c-nav").removeClass("c_nav-scroll");
                }
            });

            // 留言
            new SMV('form', {
                rules: {
                    onlyPhone:[/^1[34578]\d{9}$/,"手机号码格式有误"]
                },
                fields: {
                    name: {
                        required: "姓名未填写",
                        failHtml: false,
                        rule: "required|disblur",
                        fail: function (messages) {
                            layer.tips(messages, '#name');
                        },
                        failStyle: {
                            border: "1px solid red"
                        }
                    },
                    phone: {
                        required: "号码未填写",
                        failHtml: false,
                        rule: "required|disblur|onlyPhone",
                        fail: function (messages) {
                            layer.tips(messages, '#phone');
                        },
                        failStyle: {
                            border: "1px solid red"
                        }
                    },
                    corp: {
                        required: "公司未填写",
                        failHtml: false,
                        rule: "required|disblur",
                        fail: function (messages) {
                            layer.tips(messages, '#corp');
                        },
                        failStyle: {
                            border: "1px solid red"
                        }
                    },
                    idea: {
                        required: "意见未填写",
                        failHtml: false,
                        rule: "required|disblur",
                        fail: function (messages) {
                            layer.tips(messages, '#idea');
                        },
                        failStyle: {
                            border: "1px solid red"
                        }
                    }
                },
                short: true,
                submit: function(valid, form) {
                    if(valid) {
                        form.submit();
                    }
                }
            })
        })
    </script>
</body>

</html>